'use client'
import Language from "@/app/components/language";
import { Image } from "@nextui-org/react";

export default function LoginPage(){
    return (
        <div className="login_page_container flex">
            <div className="login_page_background relative sm:block hidden">
                <Image src="https://via.placeholder.com/822x906" alt="background" width={822} height={906} className="z-0"></Image>
                <div className="login_page_text left-0 absolute top-0 right-0 bottom-0 flex justify-center items-center text-[48px] font-bold">
                    拥抱AI，一个iThinkAI就够！
                </div>
            </div>
            <div className="login_content_container flex-1 flex flex-col">
                <div className="login_Language mt-[26px] mr-[62px] flex justify-end">
                    <Language/>
                </div>
                <div className="login_content mt-[100px] flex flex-col items-center">
                    <div className="login_title text-[48px] mb-[89px]">欢迎，登陆注册 iThinkAi</div>
                    <div className="login_box dark:bg-default background-100 w-[450px] h-[450px] flex flex-col justify-center items-center rounded-[25px]">
                        <div className="login_box_title mb-[52px] text-[22px] font-bold">登陆注册</div>
                        <div className="login_box_qrcode w-[200px] h-[200px]">
                            <Image src="https://via.placeholder.com/200x200?text=QRCODE" alt="qrcode" width={200} height={200}></Image>
                        </div>
                        <div className="login_tips mt-[42px] text-[16px]">
                            微信扫码登陆或注册
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}